<template>
  <div class="product_content">
    <RichTextRenderer :content="productDetail.product_info" />
  </div>
</template>

<script setup lang="ts">
  import RichTextRenderer from '@/components/RichTextRenderer.vue';
  const props = defineProps({
    productDetail: { type: Object, default: () => {} },
  });
</script>

<style scoped lang="scss">
  .product_content {
    width: 100%;
    padding-left: 24px;
    .img_des {
      width: 100%;
      height: auto;
    }
    .title {
      color: var(---9, #222);

      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
    }
    .des {
      padding: 24px;
      color: var(---9, #222);

      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 30px */
      border-radius: 8px;
      background: var(---2, #ededed);
    }
  }
</style>
